<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui">

	<ui:composition template="../template.xhtml">
		<ui:define name="conteudo">
			<div id="location">Manter Oficina</div>
			<div id="container">
       			<div id="form">
       				<h:form>
       				<fieldset>
       					<fieldset>
							<legend>Dados</legend>
	       					<table width="70%" align="left">
	       						<tr>
	  								<td>
	  									<label style="width: 150px;">
				       						<p>Apelido:</p>
				       						<p:inputText value="#{oficinaMB.oficina.apelido}"  maxlength="45"/>
				       					</label>
	  								</td>
	  								<td>
	  									<label style="width: 200px;">
				       						<p>Razão Social:</p>
				       						<p:inputText value="#{oficinaMB.oficina.razaoSocial}"  maxlength="55"/>
	       								</label>
	  								</td>
	  								<td>
	       								<label>
				       						<p>Tipo Pessoa:</p>
				       						<h:selectOneMenu value="#{oficinaMB.oficina.tipoPessoa}" style="width:100px" onkeydown="if(event.keyCode==13) event.keyCode=9;">
				       							<f:selectItem itemLabel="Física" itemValue="PF"/>
				       							<f:selectItem itemLabel="Jurídica" itemValue="PJ"/>
				       						</h:selectOneMenu>
				       					</label>
	       							</td>
	       							<td> 
	       								<label>
					       					<p>CPF/CNPJ:</p>
					       					<p:inputText value="#{oficinaMB.oficina.cdPess}" style="width:120px" onkeydown="if(event.keyCode==13) event.keyCode=9;" maxlength="14" required="true" requiredMessage="- Digite o CPF/CNPJ."/>
					       				</label>
	       							</td>
	       						</tr>
	       						<tr>
	  								<td>
	  									<label style="width: 150px;">
				       						<p>Contato</p>
				       						<p:inputText value="#{oficinaMB.oficina.nomeContato}"  maxlength="55"/>
				       					</label>
	  								</td>
	  								<td>
	  									<label style="width: 200px;">
					       					<p>Email:</p>
					       					<p:inputText value="#{oficinaMB.oficina.email}"  maxlength="50"/>
					       				</label>
	       							</td>
	       							<td>
	       								<label>
					       					<p>Telefone 1.:</p>
					       					<p:inputMask mask="(99) 9999-9999" value="#{oficinaMB.oficina.telefone1}"  maxlength="10" style="width:100px" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
					       				</label>
	       							</td>
	      							<td>
	       								<label>
					       					<p>Telefone 2.:</p>
					       					<p:inputMask mask="(99) 9999-9999" value="#{oficinaMB.oficina.telefone2}"  maxlength="10" style="width:100px" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
					       				</label>
	       							</td>   					
	       						</tr>
	       					</table>
	       				</fieldset>
	       				<p:spacer height="20"/>
	       				<fieldset>
	       					<legend>Endereço</legend>
	       					<table width="70%" align="left">
	       						<tr>
			     					<td>
			     						<label>
					       					<p>CEP:</p>
					       					<p:inputMask mask="99999-999" value="#{oficinaMB.oficina.cep}"  maxlength="9"/>
					       				</label>
			     					</td>
			     					<td>
	       								<label>
					       					<p>Estado:</p>
					       					<h:selectOneMenu value="#{oficinaMB.idEstado}" onkeydown="if(event.keyCode==13) event.keyCode=9;">
					       						<f:selectItem itemLabel="Selecione" itemValue="0"/>
					       						<f:selectItems value="#{oficinaMB.estadoList}" var="est" itemLabel="#{est.nome} - #{est.sigla}" itemValue="#{est.id}"/>
					       						<p:ajax update="cidade" listener="#{oficinaMB.listaCidades}"/> 
					       					</h:selectOneMenu>
					       				</label>
	       							</td>
	       							<td>
	       								<label>
					       					<p>Cidade:</p>
					       					<h:selectOneMenu value="#{oficinaMB.oficina.idCidade}" id="cidade" onkeydown="if(event.keyCode==13) event.keyCode=9;">
					       						<f:selectItem itemValue="0" itemLabel="Selecione"/>
					       						<f:selectItems value="#{oficinaMB.cidadeList}" var="cid" itemLabel="#{cid.nome}" itemValue="#{cid.id}" />
					       					</h:selectOneMenu>
					       				</label>
	       							</td>
	       							<td>
	       								<label>
					       					<p>Bairro:</p>
					       					<p:inputText value="#{oficinaMB.oficina.bairro}"  maxlength="20"/>
					       				</label>
	       							</td>
	       						</tr>
	       						<tr>
			     					<td colspan="2">
			     						<label style="width: 320px;">
					       					<p>Logradouro:</p>
					       					<p:inputText value="#{oficinaMB.oficina.logradouro}"  maxlength="55"/>
					       				</label>
			     					</td>
			     					<td>
			     						<label>
					       					<p>Número:</p>
					       					<p:inputText value="#{oficinaMB.oficina.numero}"  maxlength="11"/>
					       				</label>
			     					</td>
			     					<td>
			     						<label >
					       					<p>Complemento:</p>
					       					<p:inputText value="#{oficinaMB.oficina.complemento}"  maxlength="20"/>
					       				</label>
			     					</td>
			     				</tr>
	       					</table>
	       				</fieldset>
	       				<p:spacer height="20"/>
		       				<div align="right" style="padding-right: 20px; padding-bottom: 10px;">
		       					<p:commandButton value="Salvar"/>
		       					<p:spacer width="10"/>
		       					<p:commandButton value="Voltar"/>
		       				</div>
       				</fieldset>
       				<p:spacer height="20"/>
       				</h:form>
       			</div>
       		</div>	
		</ui:define>
	</ui:composition>
</html>